html,body{
    height:100%;
    /*overflow:hidden;*/
}

body{
    background-color: gainsboro;
}



/**
这里是导航页下面的页面设置
 */
#main{
    width: 100%;
    height: 100%;
}

#leftBar{
    padding-top:4%;
    height: 100%;
    background-color: rgb(37,69,82);
}

#leftBar ul{
    width: 100%;
}

#leftBar a{
    color: bisque;
}

/**
 表的展示页面 设置
 */
#mainRightBar{
    padding:6%;
    height: 100%;
}
#rightBar table{
    margin-top: 2%;
    background-color: ghostwhite;
}


#rightBar{
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;

    background-color: floralwhite;

    /*opacity:0.9;*/
    border-bottom-right-radius:5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius:2px;
    border-top-left-radius: 2px;
}
/**
显示表的页头 界面设置
 */
#addData{
    background-color: #f5f0e6;
    width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-right: 2%;

    border-bottom-style: solid;
    border-width: 2px;
    border-color: gainsboro;

    border-top-right-radius:5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius: 2px;
}
#addData a{
    display: inline;
    float: right;
}
#addData p{
    display: inline;
}
#vue-el-setpage li{
    /*!*padding-top:5%;*!*/
    /*!*padding-bottom: 5%;*!*/
    /*position: relative;*/
    /*right: 50%;*/
}

/**
设置背景颜色 和 鼠标移动到相应位置时的 颜色变化
 */
#topBar{
    border-bottom: 0px;
}
#topBar:first-child{
    background-color: rgb(51,122,183);
}

#topBar ul ul{
    background-color: rgb(37,69,82);
}


#topBar ul li a:visited{
    background-color: rgb(37,69,82);
}

#topBar ul ul li a:hover{
    background-color: rgb(27, 46, 55);
}

#topBar a{
    color: #f5f0e6;
}
#topBar a:hover{
    color: #d6d1c7;
}



#leftBar li a:visited{
    background-color: rgb(27, 46, 55);
}
#leftBar li a:hover{
    background-color: rgb(27, 46, 55);
}

#leftBar li:first-child a:visited{
    background-color: rgb(51,122,183);
}
#leftBar li:first-child a:hover{
    background-color: rgb(51,122,183);
}

/**
设置字体 大小
 */


.glyphicon-size{
    font-size: 1.5em;
    color: rgb(51,122,183);
    font-family: 宋体;
}

.glyphicon-size1{
    font-size: 1.3em;
    color: rgb(51,122,183);
    font-family: 宋体;
}